.main{
    width: 800px;
    margin: 0 auto;
}
*{
    box-sizing: border-box;
}
ul{
    width: 800px;
    margin: 0 auto;
    /*margin: 0;*/
    /*padding: 0;*/
    /*list-style: none;*/
}
/*.sb{*/
/*    width: 800px;*/

/*}*/
ul li {
    cursor: pointer;
    /*float: left;*/
    position: relative;
    padding: 12px 8px 12px 40px;
    background-color: #eee;
    font-size: 18px;
    transition: 0.2s;
}
ul li :nth-child(odd){
    background: #f9f9f9;
}
ul li :hover{
    background: #ddd;
}
.close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 16px 12px 16px;
}

.close:hover{
    background-color: #f44336;
    color: white;
}

.header{
    background-color: #f44336;
    color: white;
    padding: 30px 40px;
    text-align: center;
    /*transition: 0.3s;*/
    /*border-radius: 0;*/
}

input{
    margin: 0;
    border: none;
    /*border-radius: 0;*/
    width: 75%;
    padding: 10px;
    float: left;
    font-size: 16px;
}

.addBtn{
    padding: 10px;
    width: 25%;
    background: #d9d9d9;
    color: #555;
    float: left;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 0;
}

.header:after{

    content:"";
    display: table;
    clear: both;
}

/*.addBtn{*/
/*    padding: 10px;*/
/*    width: 25%;*/
/*    background: #d9d9d9;*/
/*    color: #555;*/
/*    float: left;*/
/*    text-align: center;*/
/*    font-size: 16px;*/
/*    cursor: pointer;*/
/*    transition: 0.3s;*/
/*    border-radius: 0;*/
/*}*/

.addBtn:hover{
    background-color: #bbb;
}
.Waiting{
    background-color: red;
}
.Doing{
    background-color: yellow;
}
.Finished{
    background-color: green;
}
#radio-status{
    list-style: none;
    /*display: flex;*/
margin-top: 40px;
}
/*#radio-status> li  {*/
/*    cursor: pointer;*/
/*    !*float: left;*!*/
/*    position: relative;*/
/*    padding: 12px 8px 12px 40px;*/
/*    background-color: #eee;*/
/*    font-size: 18px;*/
/*    transition: 0.2s;*/
/*}*/